<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Document</title><link rel="stylesheet" href="../font2/iconfont.css"><link rel="stylesheet" href="../css/index.css"><link rel="stylesheet" href="../css/xiangqing.css"></head><body><!-- 顶端 --><div class="all"><div class="nav"><section><span><a href="./denglu.html">登入</a></span> 或 <span><a href="./zhuce.html">注册</a></span> <span><a href="">ANTA会员</a></span></section><section><a href="./guowuche.html"><span class="iconfont icon-gouwuche"></span></a> <span class="iconfont icon-kefu"></span> <span>EN</span></section></div><!-- 导航 --><div class="daohang"><a href="./anta.html"><img src="../img/anta_02.jpg" alt=""></a><ul><li><a href="./shangpin.html">冬奥国旗款</a></li><li class="left1"><a href="">男子</a><!-- <ul>
                        <li>
                            <div class="leftt">
                                 <section>
                                    <ul>
                                        <li class="big">所有鞋类</li>
                                        <li>运动鞋</li>
                                        <li>跑鞋</li>
                                        <li>篮球鞋</li>
                                        <li>休闲鞋</li>
                                        <li>板鞋</li>
                                        <li>户外综训鞋</li>
                                    </ul>
                                </section>
                                <section>
                                    <ul>
                        </li>
                        <li class="big">套头卫衣</li>
                        <li>外套夹克</li>
                        <li>羽绒服/马甲</li>
                        <li>短袖T恤</li>
                        <li>长裤</li>
                        <li>运动短裤</li>
                    </ul>
                    </section>
                    <section>
                        <ul>
                            <li class="big">所有配件</li>
                            <li>包类</li>
                            <li>运动袜子</li>
                        </ul>
                    </section>
                    <section>
                        <ul>
                            <li class="big">运动项目</li>
                            <li>跑步</li>
                            <li>篮球</li>
                            <li>综训</li>
                            <li>生活</li>
                            <li>健身</li>
                        </ul>
                    </section>
        </div>
        </li>
        </ul>
        </li> --></li><li class="center1"><a href="">女子</a><!-- <div class="center">
                <section>
                    <ul>
                        <li class="big">所有鞋类</li>
                        <li>运动鞋</li>
                        <li>跑鞋</li>
                        <li>篮球鞋</li>
                        <li>休闲鞋</li>
                        <li>板鞋</li>
                        <li>户外综训鞋</li>
                    </ul>
                </section>
                <section>
                    <ul>
        </li>
        <li class="big">套头卫衣</li>
        <li>外套夹克</li>
        <li>羽绒服/马甲</li>
        <li>短袖T恤</li>
        <li>长裤</li>
        <li>运动短裤</li>
    </ul>
    </section>
    <section>
        <ul>
            <li class="big">所有配件</li>
            <li>包类</li>
            <li>运动袜子</li>
        </ul>
    </section>
        </li> --></li><li class="right1"><a href="">儿童</a><!-- <div class="rightt">
                <section>
                    <ul>
                        <li class="big">所有鞋类</li>
                        <li>运动鞋</li>
                        <li>跑鞋</li>
                        <li>篮球鞋</li>
                        <li>休闲鞋</li>
                        <li>板鞋</li>
                        <li>户外综训鞋</li>
                    </ul>
                </section>
                <section>
                    <ul>
        </li>
        <li class="big">套头卫衣</li>
        <li>外套夹克</li>
        <li>羽绒服/马甲</li>
        <li>袖T恤</li>
        <li>长裤</li>
        <li>运动短裤</li>
    </ul>
    </section>

        </li> --></li><li><a href="">安踏儿童</a></li><li><a href="">品牌文化</a></li><li><a href="">观赏视频</a></li><li><a href="">联系我们</a></li></ul><section class="sousuo"><span class="iconfont icon-Magnifier"></span> <input type="text" placeholder="  搜索"></section></div><!-- 返回顶部 --><div class="dingbu"><section id="app"><span class="iconfont icon-fanhuidingbu"></span><p><a href="">返回顶部</a></p></section><section><span class="iconfont icon-gouwuche"></span><p><a href="./guowuche.html">购物车</a></p></section><section><span class="iconfont icon-kefu"></span><p><a href="">客服</a></p></section></div><!-- 物品详情 --><div class="xiangqing"><div id="box"><div id="leftbox"><div id="mask"></div></div><div id="rightbox"></div></div><div class="rightwenzi"><div id="bao"><!-- <p>【冠军系列】安踏2022年北京冬奥会国旗款女短袖</p>
            <p id="money">￥399.00</p> --></div><div class="top"><section>&nbsp;&nbsp;尺码： <select><option>s</option><option>m</option><option>L</option><option>xL</option></select></section><section>&nbsp;&nbsp;数量： <select id="shuliang"><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option></select></section></div><div class="button"><p>领取优惠卷</p></div><div class="zhuangwc"><section id="tianjia"><a href="#">加入购物车</a></section><section id="tianjia"><a href="#">立即购买</a></section></div></div></div></div><!-- 尾页 --><div class="weiye"><span><img src="../img/anta_06.jpg" alt=""></span><section class="boss"><div class="big"><section>在线客服<span class="iconfont icon-kefu"></span></section></div><div class="two"><section>在线资讯<span>440-858-2020</span></section></div><p><img src="../img/com-qr-code.jpg" alt=""></p></section><div class="last"><span>Copyright(C)2012-2020 &nbsp;by&nbsp; www.ANTA.cn&nbsp;&nbsp; C安踏体育用品有限公司版权所有&nbsp;&nbsp; 营业执照&nbsp;&nbsp; 开户许可证个人信息保护政策</span><p>闽ICP备2021011550号-2闽公网安备35020302033806号</p></div></div></body></html><script src="../jquery/jquery.js"></script><script src="../jquery/jquery.min.js"></script><!-- <script src="../js/tools.js"></script> --><script src="../img/php/js/cookieTools.js"></script><script>$(window).on("scroll", function () {
        if ($(window).scrollTop() > 250) {
            $("#app").fadeIn(1000)
        } else {
            $("#app").fadeOut(1000)
        }
    })

    $("#app").on("click", function () {
        $("html,body").animate({  // 让body和html回到顶部
            scrollTop: 0
        }, 1000)
    })</script><script>// 放大镜
    let oBox = document.querySelector("#box");
    let leftBox = oBox.children[0]
    let rightBox = oBox.children[1]
    let mask = leftBox.children[0]

    leftBox.onmouseover = function () {
        rightBox.style.display = 'block'
        mask.style.display = 'block'
    }
    leftBox.onmouseout = function () {
        rightBox.style.display = 'none'
        mask.style.display = 'none'
    }

    leftBox.onmousemove = function (e) {
        let x = e.pageX - oBox.offsetLeft - leftBox.offsetLeft - mask.offsetWidth / 2;
        let y = e.pageY - oBox.offsetTop - leftBox.offsetTop - mask.offsetHeight / 2;

        if (x <= 0) {
            x = 0;
        }
        if (x >= leftbox.clientWidth - mask.offsetWidth) {
            x = leftbox.clientWidth - mask.offsetWidth
        }
        if (y <= 0) {
            y = 0;
        }
        if (y >= leftbox.clientHeight - mask.offsetHeight) {
            y = leftbox.clientHeight - mask.offsetHeight
        }
        mask.style.left = x + "px";
        mask.style.top = y + "px";


        rightBox.style.backgroundPositionX = -2 * x + "px"
        rightBox.style.backgroundPositionY = -2 * y + "px"
    }
    $("ul>li").on("click", function () {
        $(this).addClass("active").siblings("li").removeClass("active")
        console.log($(this).find("img").prop("src"));
        $("#leftbox").css("background-image", `url(${$(this).find("img").prop("src")})`)
        $("#rightbox").css("background-image", `url(${$(this).find("img").prop("src")})`)
    })</script>
    <script>console.log( location.search.slice(6));
    

    $(function(){
        getGoodsInfo();
    })
    function getGoodsInfo(){
        $.get('../img/php/getGoodsInfo.php',{"goodsId":location.search.slice(6)},function(data){
            console.log(data);
            let str=` <p>${data.goodsDesc}</p>
            <p id="money">￥${data.goodsPrice}</p>`;
            $(`#bao`).html(str);
            },'json'); 
    }</script><script>$("#tianjia").on("click",function(){
    // console.log(document.cookie.slice(9));
    $.post("../img/php/addShoppingCart.php",{"vipName":(getCookie("username")),"goodsId":(location.search.slice(6)),"goodsCount":$("#shuliang").val()},function(data){
        console.log(data);
        if(data.trim()=="1"){
            alert("添加成功");
            location.href='./guowuche.html';
        }
        else{
            alert("添加失败");
        }
    })
  })</script>